/*
Template Name: Admin Template
Author: Wrappixel

File: js
*/
// ============================================================== 
// Auto select left navbar
// ============================================================== 
$(function() {
    "use strict";
     var url = window.location + "";
        var path = url.replace(window.location.protocol + "//" + window.location.host + "/", "");
        var element = $('ul#sidebarnav a').filter(function() {
            return this.href === url || this.href === path;// || url.href.indexOf(this.href) === 0;
        });
        element.parentsUntil(".sidebar-nav").each(function (index)
        {
            if($(this).is("li") && $(this).children("a").length !== 0)
            {
                $(this).children("a").addClass("active");
                $(this).parent("ul#sidebarnav").length === 0
                    ? $(this).addClass("active")
                    : $(this).addClass("selected");
            }
            else if(!$(this).is("ul") && $(this).children("a").length === 0)
            {
                $(this).addClass("selected");
                
            }
            else if($(this).is("ul")){
                $(this).addClass('in');
            }
            
        });

    element.addClass("active"); 
    $('#sidebarnav a').on('click', function (e) {
        const $this = $(this)
        const $parents = $this.parents('ul:first')
        if (!$this.hasClass("active")) {
            // hide any open menus and remove all other classes
            $('ul', $parents).removeClass("in");
            // $('a', $parents).removeClass("active");
            $('a.has-arrow', $parents).removeClass("active");

            // open our new menu and add the open class
            $this.next("ul").addClass("in");
            $this.addClass("active");
        } else if ($this.hasClass("active")) {
            $this.removeClass("active");
            $parents.removeClass("active");
            $this.next("ul").removeClass("in");
        }
    })
    $('#sidebarnav >li >a.has-arrow').on('click', function (e) {
        e.preventDefault();
    });

    // Auto scroll to the active nav
    if ( $(window).width() > 768 || window.Touch) { 
         $('.scroll-sidebar').animate({
            scrollTop: $("#sidebarnav .sidebar-item.selected").offset().top -250
        }, 500);
    }
    
});